<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!--任何 IE 版本都以当前版本所支持的最高级标准模式渲染-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="林钦涛个人博客">
  <meta name="author">
  <meta name="renderer" content="webkit">
  <title>林钦涛个人简历</title>
  <link rel="stylesheet" href="/css/index.css">
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  <link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>

<body>
  <!-- header begin -->
  <header class="header">
    <div class="headerTitle">
      <h3 class="headerTitle-text">林钦涛个人简历</h3>
      <a class="headerTitle-link" href="https://linqintao-boke.herokuapp.com/">
        https://linqintao-boke.herokuapp.com/
      </a>
    </div>

    <nav class="headerNav" id="headerNav">
      <a class="headerNav-link active" nav-type="resumeWork" href="#">工作经历</a>
      <a class="headerNav-link" nav-type="resumeProject" href="#">项目经历</a>
      <a class="headerNav-link" nav-type="resumeVantage" href="#">我的优势</a>
      <a class="headerNav-link" nav-type="about" href="#">关于我</a>
    </nav>

    <div class="headerMusic" id="headerMusic">
      <img class="headerMusic-img" src="/images/music.jpg" alt="">
      <span class="headerMusic-text"></span>
    </div>
  </header>
  <!-- header end -->

  <!-- page begin-->
  <div class="page">
    <!-- page userInfo begin-->
    <div class="pageUserInfo">
      <h3 class="pageUserInfo-title">个人资料</h3>
      <div class="pageUserInfo-img" id="userImage">
        <img src="/images/photo.jpg" alt="头像(160x200)">
      </div>
      <p class="pageUserInfo-imgInfo">鼠标移至头像上试试</p>
      <p class="pageUserInfo-info">
        <span class="pageUserInfo-info-l">姓名:</span>
        <span class="pageUserInfo-info-r">林钦涛</span>
      </p>
      <p class="pageUserInfo-info">
        <span class="pageUserInfo-info-l">性别:</span>
        <span class="pageUserInfo-info-r">男</span>
      </p>
      <p class="pageUserInfo-info">
        <span class="pageUserInfo-info-l">出生年月:</span>
        <span class="pageUserInfo-info-r">1993.05</span>
      </p>
      <p class="pageUserInfo-info">
        <span class="pageUserInfo-info-l">电话:</span>
        <span class="pageUserInfo-info-r">15759580813</span>
      </p>
      <p class="pageUserInfo-info">
        <span class="pageUserInfo-info-l">学历:</span>
        <span class="pageUserInfo-info-r">大学本科</span>
      </p>
      <p class="pageUserInfo-info">
        <span class="pageUserInfo-info-l">毕业院校:</span>
        <span class="pageUserInfo-info-r">闽南理工学院</span>
      </p>
      <p class="pageUserInfo-info">
        <span class="pageUserInfo-info-l">专业:</span>
        <span class="pageUserInfo-info-r">电子信息工程</span>
      </p>
      <!--<p class="pageUserInfo-info">
        <span class="pageUserInfo-info-l">微信号:</span>
        <span class="pageUserInfo-info-r">lqt1131763154</span>
      </p>-->
      <div class="weixin">
        <img class="weixin-img" src="/images/weixin.jpg" alt="微信（170*170）">
        <p class="weixin-text">扫我加我微信</p>
      </div>
    </div>
    <!-- page userInfo end-->

    <!-- page content begin-->
    <div class="pageContent">
      <!-- resumeWork begin -->
      <div class="pageContentList pageContentList-resumeWork active" nav-type="resumeWork">
        <!-- 福建省创企信息科技有限公司 开始 -->
        <div class="pageContentList-resumeItem-content">
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">公司名称:</span>
            <span class="info">福建省创企信息科技有限公司</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">工作时间:</span>
            <span class="info">2016.01 — 至今</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">我的职位:</span>
            <span class="info">前端工程师</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">工作内容:</span>
            <span class="info">
              1、负责并参与公司的前端功能的开发与实现</br>
              2、配合后端人员高质量的完成项目的前端开发工作</br>
              3、配合UI提一些自己对页面审美布局的见解
            </span>
          </p>
        </div>
        <!-- 福建省创企信息科技有限公司 结束 -->
      </div>
      <!-- resumeWork end -->

      <!-- resumeProject begin -->
      <div class="pageContentList pageContentList-resumeProject" nav-type="resumeProject">
        <!-- 梦拼团 开始 -->
        <div class="pageContentList-resumeItem-content">
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目名称:</span>
            <span class="info">梦拼团（移动端）</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">时间段:</span>
            <span class="info">2016.12.20 — 2017.01.01</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目地址:</span>
            <span class="info">
              <a href="http://www.mengyunjie.com/m/group" target="_blank">
              http://www.mengyunjie.com/m/group
              </a>
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目角色:</span>
            <span class="info">
              该项目的前端负责人兼该项目的前端开发
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目描述:</span>
            <span class="info">
              该项目为梦云街的衍生品，主要实现入驻梦云街的商家的某些商品的拼团购买活动
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">备注:</span>
            <span class="info">
              1、该项目为公司内部项目，所以至今还在负责该项目新功能研发及Bug修改</br>
              2、该项目采用React框架和TypeScript编辑语言基于WebPack的开发
            </span>
          </p>
        </div>
        <!-- 梦拼团 结束 -->

        <!-- 大助理驾考服务平台 开始 -->
        <div class="pageContentList-resumeItem-content">
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目名称:</span>
            <span class="info">大助理驾考服务平台（移动端）</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">时间段:</span>
            <span class="info">2016.09 — 2016.10</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目地址:</span>
            <span class="info">
              <a href="http://wx.dazhuli2016.com/" target="_blank">
              http://wx.dazhuli2016.com/
              </a>
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目角色:</span>
            <span class="info">
              该项目的前端负责人兼该项目的前端开发
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目描述:</span>
            <span class="info">
              该平台是由赣州多家实体驾校联合投资开发集报名，培训，择教，考试，约考功能的综合性驾考服务平台和第三方质量监管平台。
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">备注:</span>
            <span class="info">
              1、该项目为公司的外接项目，基本功能开发时间仅用一个月，但由于维护还是由公司维护，所以根据客户要求至今还在负责该项目新功能开发及Bug修改</br>
              2、该项目采用React框架基于WebPack的开发
            </span>
          </p>
        </div>
        <!-- 大助理驾考服务平台 结束 -->

        <!-- 梦云街智能店铺管理系统（PC端） 开始 -->
        <div class="pageContentList-resumeItem-content">
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目名称:</span>
            <span class="info">梦云街智能店铺管理系统（PC端）</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">时间段:</span>
            <span class="info">2016.11 — 至今</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目地址:</span>
            <span class="info">
              <a href="http://www.mengyunjie.com/go/storeproduct" target="_blank">
              http://www.mengyunjie.com/go/storeproduct
              </a>
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目角色:</span>
            <span class="info">
              该项目前端主要负责人兼前端开发成员
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目描述:</span>
            <span class="info">
              该项目为梦云街的衍生品，主要实现入驻梦云街商家的订单、商品等管理还提供便捷下单服务。
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">备注:</span>
            <span class="info">
              1、该项目为公司内部项目，所以至今还在负责该项目新功能研发及Bug修改</br>
              2、该项目采用Jquery和Bootstrap框架基于WebPack的开发
            </span>
          </p>
        </div>
        <!-- 梦云街智能店铺管理系统（PC端） 结束 -->

        <!-- 梦云街（移动端） 开始 -->
        <div class="pageContentList-resumeItem-content">
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目名称:</span>
            <span class="info">梦云街（移动端）</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">时间段:</span>
            <span class="info">2016.07 — 至今</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目地址:</span>
            <span class="info">
              <a href="http://www.mengyunjie.com/m" target="_blank">
              http://www.mengyunjie.com/m
              </a>
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目角色:</span>
            <span class="info">
              该项目前端开发成员
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目描述:</span>
            <span class="info">
              是一款为用户提供一个便捷的电商管理操作平台，方便商家通过软件快速查看并且处理客户订单，提升商铺营业效率的电商管理应用。
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">备注:</span>
            <span class="info">
              1、该项目为公司内部项目，所以至今还在负责该项目新功能研发及Bug修改</br>
              2、该项目采用React框架基于WebPack的开发
            </span>
          </p>
        </div>
        <!-- 梦云街（移动端） 结束 -->

        <!-- 梦云街个人中心（PC端） 开始 -->
        <div class="pageContentList-resumeItem-content">
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目名称:</span>
            <span class="info">梦云街个人中心（PC端）</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">时间段:</span>
            <span class="info">2016.07 — 至今</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目地址:</span>
            <span class="info">
              <a href="http://www.mengyunjie.com/uc#/welcome" target="_blank">
              http://www.mengyunjie.com/uc#/welcome
              </a>
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目角色:</span>
            <span class="info">
              该项目前端开发成员
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目描述:</span>
            <span class="info">
              该项目为梦云街的衍生品，主要实现梦云街客户及买家、卖家的信息管理。
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">备注:</span>
            <span class="info">
              1、该项目为公司内部项目，所以至今还在负责该项目新功能研发及Bug修改</br>
              2、该项目采用Angular框架基于WebPack的开发
            </span>
          </p>
        </div>
        <!-- 梦云街个人中心（PC端） 结束 -->

        <!-- 梦高速（移动端） 开始 -->
        <div class="pageContentList-resumeItem-content">
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目名称:</span>
            <span class="info">梦高速（移动端）</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">时间段:</span>
            <span class="info">2016.02 — 2016.06</span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目地址:</span>
            <span class="info">
              <a href="http://www.dreamhiway.com/m" target="_blank">
              http://www.dreamhiway.com/m
              </a>
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目角色:</span>
            <span class="info">
              该项目前端开发成员
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">项目描述:</span>
            <span class="info">
              是一款中小企业服务软件，包含人才招聘、创意设计、众包、私人定制等多种服务，从各个方面为中小型企业提供帮助，目的就是为让中小企业能够快速、稳定的发展，走向成功的道路！
            </span>
          </p>
          <p class="pageContentList-resumeItem-content-msg">
            <span class="title">备注:</span>
            <span class="info">
              1、该项目为公司内部项目，所以至今还在负责该项目新功能研发及Bug修改</br>
              2、该项目无采用任何框架仅用原生JS基于WebPack的开发
            </span>
          </p>
        </div>
        <!-- 梦高速（移动端） 结束 -->
      </div>
      <!-- resumeProject end -->

      <!-- resumeVantage begin -->
      <div class="pageContentList pageContentList-resumeVantage" nav-type="resumeVantage">
        <div class="pageContentList-resumeItem-content my-advantages">
          1、熟悉 React、jQuery、Angular、VUE框架</br>
          2、熟悉JavaScript（ES6）的原生语法并用原生语法开发过项目</br>
          3、熟悉webpack打包工具</br>
          4、有良好的审美能力，对代码风格及规范化有一定的追求</br>
          5、性格乐观开朗、工作认真负责、敢于迎接挑战、敢于承担责任、有较强的精力投入工作。</br>
          6、强调团队合作精神、具有高度的敬业精神与良好的职业操守。
        </div>
      </div>
      <!-- resumeVantage end -->

      <!-- about begin -->
      <div class="pageContentList pageContentList-about" nav-type="about">
        <p class="aboutText">
          出生在农村的我，虽然家境没有大多数人那么好，但我一点也不自卑，因为我觉得我很幸运，虽然父亲、母
          亲都没什么文化，但好像上天一直在眷顾我一样， 从小就有疼我的外公外婆，疼我的舅舅阿姨。特别是我阿姨，
          基本从小学到高中毕业我就一直跟着我阿姨生活，她就好像我的第二个母亲一样，我的为人处事、对事物的认知
          也基本都是她教的。
        </p>
        <p class="aboutText">
          随着年龄的增长，“积德当先满地春风，为善最乐普天同庆”这副对联在我脑海里是越发的深刻，听阿姨说
          这是过世的外公自己写的，我一直觉得这是他老人家留给我们这些后辈最好的东西，时刻警戒自己到哪都要“积
          德行善”！虽然现在的套路越来越多，但有些善该行的还是得行，有些忙该帮的还是得帮，毕竟我们刚来到这世
          上都是那么的干净纯洁，所以有时朋友也会经常吐槽我是“傻逼”心地太好迟早被坑，但是我也就笑笑而过。一
          直确信善良爱笑的人运气不会太差。
        </p>
        <p class="aboutText">
          我是一个耿直BOY，所以不要随便撩我，因为我会当真，而且别人对我一点点的好我可能会记一辈子，我这个人
          比较重感情，就拿现在的公司来说吧，其实说白了待遇根本就不咋滴，也有好几家比这家待遇好的公司叫我去试
          试，但是，我想都没想就直接拒绝了，原因很简单，第一、我刚来这家公司实习时，我什么都不会，因为我学的
          不是这个专业，是公司一手培养我的，我不能在公司最缺人的时候走，虽然我的作用并不大，但至少这样做会让
          我比较心安吧，因此也有好多朋友表示不理解。第二、公司有一个肯带我，对我又很好的老大，我觉得他就是我
          生命中所谓的贵人吧，他教会我很多，虽然我知道他不可能一直教我，但是说白了我留这也是有一点私心也想多
          学点吧！但是谁没点私心呢？所以我也没有想像的高尚，但至少比起大多数人我还是坚信我的人品比他们好一点，
          对，我就是这么的自信、这么的不要脸！
        </p>
        <p class="aboutText">
          但是有时也觉得自己的情商比较低，说话比较直。就比如说，我想表达一个观点，我会直来直去的说明我的
          观点，有时说出来并不是人家想听的，虽然说的有道理，但是如果换另一种委婉的表达方式效果就会不一样，因此，
          我最近也一直在改变自己的说话方式，尽量让人觉得不那么直接，毕竟语言是一种很神奇的东西，运用好跟运用不好
          达到的效果跟本就不一样。因此，这条路上我还要很努力。
        </p>
        <p class="aboutText">
          我是一个乐观开朗的人，赚钱的时候喜欢敲代码，不赚钱的时候喜欢搞事情，比如：做做饭、种种花、做做卫生、刷
          刷马桶、学学技术、装装逼。。。。基本应该可以说业余生活很丰富，最后，我希望永远不被任何人记住，随时转身
          消失在世界里。
        </p>
      </div>
      <!-- about end -->
    </div>
    <!-- page content end-->

  </div>
  <!-- page end-->

  <!--background star begin-->
  <div class="canvas-box">
    <canvas id="canvas">你的浏览器不支持canvas</canvas>
  </div>
  <!--background star end-->

  <!-- background music begin-->
  <audio class="audio" loop id="audio">
    <source id="audioOgg" src="/images/Thomas Bergersen - Empire of Angels.ogg" type="audio/ogg">
    <source id="audioMp3" src="/images/Thomas Bergersen - Empire of Angels.mp3" type="audio/MP3"> 您的浏览器不支持 audio 元素。
  </audio>
  <!-- background music end-->

  <!-- loading begin -->
  <!--<div class="loading">
    <div class="loading-dotBox">
      <span class="dot1"></span>
      <span class="dot2"></span>
      <span class="dot3"></span>
      <span class="dot4"></span>
      <span class="dot5"></span>
      <p class="text">页面加载中，请耐心等待.....</p>
    </div>
  </div>-->
  <!-- loading end -->


  <!-- 判断浏览器类型 -->
  <script>
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
      (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
        (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
          (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
            (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

    var audio = document.getElementById("audio");
    var audioOgg = document.getElementById("audioOgg");
    var audioMp3 = document.getElementById("audioMp3");
    // var loading = document.getElementsByClassName("loading");
    var headerMusic = document.getElementsByClassName("headerMusic");

    if (Sys.safari) {
      audio.removeChild(audioOgg);
    } else {
      audio.removeChild(audioMp3);
    };

    if (Sys.ie) {
      console.log(1321);
      // loading[0].classList.add('is-hidden');
      headerMusic[0].classList.add('is-hidden');
    }
  </script>


  <script src="/js/index.js"></script>
</body>

</html>